<!DOCTYPE html>
<html class="bg-black">
<head>
    <meta charset="UTF-8">
    <title>{:get_opinion('title')} 忘记密码 | {:get_opinion('title')} </title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- bootstrap 3.0.2 -->
    <link href="__PUBLIC__/AdminLTE/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- font Awesome -->
    <link href="__PUBLIC__/AdminLTE/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <!-- Theme style -->
    <link href="__PUBLIC__/AdminLTE/css/AdminLTE.css" rel="stylesheet" type="text/css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/share/js/html5.js"></script>
    <script src="__PUBLIC__/share/js/respond.min.js"></script>
    <![endif]-->


    <style>

        .form-box {
            width: 400px;
            margin: 40px auto 0 auto;
        }

        .control-label {
            float: left;
            width: 60px;
            margin-left: 15px;
            padding-top: 5px;
            text-align: right;
        }

        .form-control {
            margin-left: 15px;
            display: inline;
            width: 250px;
        }

        #imgVerify {
            margin: 0 auto;
            text-align: center;
            display: block;
        }

    </style>
</head>
<body class="bg-black">

<div class="form-box" id="login-box">
    <div class="header">GreenCMS 忘记密码</div>
    <form action="{:U('Admin/Login/forgetpasswordHandle')}" method="POST">
        <div class="body bg-gray">
            <div class="form-group">
                <label class="control-label">用户名</label>
                <input type="text" name="username" class="form-control" placeholder="用户名"/>
            </div>


            <div class="form-group">
                <label class="control-label">验证码</label>
                <input type="text" name="vertify" class="form-control" placeholder="输入下方验证码"/>

            </div>
            <div class="form-group">

                <img id="imgVerify" src="{:U('Admin/Login/vertify')}" onclick="fleshVerify();"/>
            </div>


        </div>
        <div class="footer">
            <button type="submit" class="btn bg-aqua btn-block" style=" height: 50px">找回密码</button>

            <hr/>

            <p style="text-align: center"><a href="{:U('Admin/Login/register')}" class="btn bg-orange">注册</a> 或者

                <a href="{:U('Admin/Login/index')}" class="btn bg-olive">返回登陆</a></p>
        </div>
    </form>

    <div class="margin text-center">
        <!--<span>Sign in using social networks</span>-->
        <!--<br/>-->
        <!--<button class="btn bg-light-blue btn-circle"><i class="fa fa-facebook"></i></button>-->
        <!--<button class="btn bg-aqua btn-circle"><i class="fa fa-twitter"></i></button>-->
        <!--<button class="btn bg-red btn-circle"><i class="fa fa-google-plus"></i></button>-->

        <div class="copyright">
            2003-{:date('Y')} &copy; <a href="http://www.greencms.net">GreenCMS {:get_opinion('software_version')}</a>
            <br/> Admin Dashboard.
            <br/>
            <a href="http://green.njtech.edu.cn">绿荫工作室</a>出品

        </div>


    </div>
</div>


<!-- jQuery 2.0.2 -->
<!--<script type="text/javascript" src="__PUBLIC__/share/js/jquery-2.0.2.min.js"></script>-->
<script type="text/javascript" src="__PUBLIC__/share/js/jquery-1.9.0.min.js"></script>

<!-- Bootstrap -->
<script src="__PUBLIC__/AdminLTE/js/bootstrap.min.js" type="text/javascript"></script>


<script>
    function fleshVerify() {
        //重载验证码
        document.getElementById('imgVerify').src = '{:U("Admin/Login/vertify")}';
    }
    ;
</script>


</body>
</html>